<include file="Public:pageHeader"/>
<!--主区域-->
<div class="mainBox on">
    <!--搜索-->
    <div class="wrapper">
        <ul class="search-item">
            <li class="search-type <if condition="($st eq 0)">on</if> " value="0" >智能搜索</li>
            <li class="search-type <if condition="($st eq 1)">on</if> " value="1">商标名</li>
            <li class="search-type <if condition="($st eq 2)">on</if> " value="2">注册号</li>
            <li class="search-type <if condition="($st eq 3)">on</if> " value="3">申请人</li>
            <li class="search-model">
                <select id="search-model">
                    <option value="0" <if condition="($sm eq 0)">selected=true</if> >至少包含一个字</option>
                    <option value="1" <if condition="($sm eq 1)">selected=true</if> >开头包含</option>
                    <option value="3" <if condition="($sm eq 3)">selected=true</if> >包含全部（默认）</option>
                    <option value="4" <if condition="($sm eq 4)">selected=true</if> >精准匹配</option>
                </select>
            </li>
            <input type="hidden" id="search-type-input" value="{$st}">
        </ul>
    </div>
    <div class="wrapper">
        <div class="search-input">
            <span class="search-input-icon"> </span>
            <span class="search-input-text"> <input class="search-content" autocomplete="off" id="search-keywords" placeholder="输入带“某”字的商标（输入1个字，比如“味”）" value="{$keywords}"></span>
            <span class="search-input-button">
					<button class="search-button" id="search-button">搜索</button>
				</span>
        </div>
        <div class="search-help">
            <button class="search-help-button">帮我免费找标</button>
        </div>
    </div>
    <!-- 详情页 -->
    <div class="detail-page">
        <!-- 价格 -->
        <div class="wrapper">
            <div class="main_detail">
                <div class="d_s_img" style="height: auto">
                    <div style="display:flex; height:300px; align-items:center; justify-content:center; overflow:hidden">
                        <notempty name="trademark.thumb_image">
                            <img src="{$trademark.thumb_image}" style="max-width: 250px; max-height: 250px">
                        <else/>
                            <img src="{$trademark.trademark_image}" style="max-width: 250px; max-height: 250px">
                        </notempty>
                    </div>
                    <div class="d_s_btn">
                        <div class="btn1" image-src = "{$trademark.trademark_image}" id="vieworiginimage" >点击查看原图</a></div>
                    </div>
                    <div style="color:red; font-size: 12px; text-align: center">国家商标局备案机构，交易安全有保障</div>
                </div>
                <div class="d_s_info" style="height: auto">
                    <p class="d_tit">{$trademark.name}</p>
                    <p class="d_price" style="display:none;">价格<span style="color: #F77717;margin-left: 16px;display: inline-block;margin-top: 10px;">¥</span><span style="font-size: 28px;color: #F77717;">{$trademark.price}</span>（不含500元转让费）</p>
                    <notempty name="trademark.brother">
                    <p class="d_price1">同名多类
                        <span style="color: #F77717;margin-left: 16px;">
                            <notempty name="trademark.md">
                                <a href="/index/index?md={$trademark.md}">{$trademark.brother}</a>
                                <else/>
                                {$trademark.brother}
                            </notempty>
                        </span>（共{$trademark.brotherCount}类）
                    </p>
                    </notempty>
                    <div class="d_p">
                        <div class="p_l">类别</div>
                        <div class="p_r">
                            <notempty name="trademark.lei">
                                {$trademark.lei}类（{$trademark.lei_name}）
                                <else/>
                                无
                            </notempty>
                        </div>
                    </div>
                    <div class="d_p">
                        <div class="p_l">注册号</div>
                        <div class="p_r">
                            <notempty name="trademark.brandId">
                                {$trademark.brandId}
                                <else/>
                                无
                            </notempty>
                        </div>
                    </div>
                    <div class="d_p">
                        <div class="p_l">注册日期</div>
                        <div class="p_r">
                            <notempty name="trademark.registeredDate">
                                {$trademark.registeredDate}
                                <else/>
                                无
                            </notempty>
                        </div>
                    </div>
                    <div class="d_p">
                        <div class="p_l">群组</div>
                        <div class="p_r">
                            <notempty name="trademark.team">
                                {$trademark.team}
                                <else/>
                                无
                            </notempty>
                        </div>
                    </div>
                    <div class="d_p">
                        <div class="p_l">小项</div>
                        <div class="p_r">
                            <notempty name="trademark.goods">
                                {$trademark.goods}
                                <else/>
                                无
                            </notempty>
                        </div>
                    </div>
                    <div class="d_p">
                        <div class="p_l">申请人</div>
                        <div class="p_r">
                            <notempty name="trademark.sqName">
                                {$trademark.sqName|hideusername}
                                <else/>
                                无
                            </notempty>
                        </div>
                    </div>
                    <div class="d_p">
                        <div class="p_l">注册地址</div>
                        <div class="p_r">{$trademark.sqAddress}</div>
                    </div>
                    <div class="d_s_btn">
                        <div class="btn2" id="buy_now">我要咨询</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrapper">
            <div class="d_info">
                <!-- 基本信息 -->
                <div class="d_info1">
                    <div class="d_tit">
                        <img src="_STATIC_/img/1.png" alt="">
                        <p>基本信息</p>
                    </div>
                    <ul class="d_table">
                        <li style="border-top-left-radius: 5px;border-top-right-radius: 5px;">
                            <p class="p1">商标名称</p>
                            <p class="p2" style="width: 270px">{$trademark.name}</p>
                            <p class="p1">注册号</p>
                            <p class="p2" style="width: 150px">
                                <notempty name="trademark.brandId">
                                    {$trademark.brandId}
                                    <else/>
                                    无
                                </notempty>
                            </p>
                            <p class="p1">注册日期</p>
                            <p class="p2" style="width: 150px">
                                <notempty name="trademark.registeredDate">
                                    {$trademark.registeredDate}
                                    <else/>
                                    无
                                </notempty>
                            </p>
                        </li>
                        <li>
                            <p class="p1">使用范围</p>
                            <p class="p3" style="overflow: hidden;white-space: nowrap;">
                                <notempty name="trademark.goods">
                                    {$trademark.goods}
                                    <else/>
                                    无
                                </notempty>
                            </p>
                        </li>
                        <li style="border-bottom: 2px solid #E6E9EC;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;white-space: nowrap;overflow: hidden;">
                            <p class="p1">类似群组</p>
                            <p class="p3">
                                <notempty name="trademark.team">
                                    {$trademark.team}
                                    <else/>
                                    无
                                </notempty>
                            </p>
                        </li>
                    </ul>
                </div>
                <!-- 过户资料 -->
                <div class="d_info1" style="margin-top: 40px;">
                    <div class="d_tit">
                        <img src="_STATIC_/img/1.png" alt="">
                        <p>过户资料</p>
                    </div>
                    <div class="buy">
                        <ul class="buy_tit">
                            <li style="border-right: 1px solid #E6E9EC;">个人买方</li>
                            <li>公司买方</li>
                        </ul>
                        <ul class="buy_tit on">
                            <li style="border-right: 1px solid #E6E9EC;">
                                <img src="_STATIC_/img/2.png?v=2" alt="" class="i1" style="width: 500px; height: auto; margin: 35px auto 0">
                            </li>
                            <li>
                                <img src="_STATIC_/img/3.png?v=2" alt="" class="i2" style="width: 330px; height: auto; margin: 30px auto 0">
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 转让流程 -->
                <div class="d_info1" style="margin-top: 40px;">
                    <div class="d_tit">
                        <img src="_STATIC_/img/1.png" alt="">
                        <p>转让流程</p>
                    </div>
                    <img src="_STATIC_/img/4.png" alt="" class="d_tree">
                    <ul class="d_tree_desc">
                        <li>
                            <p class="d_t1">签订合同</p>
                            <p class="d_t2">签订购买合同，支付定金（1～3个工作日）</p>
                        </li>
                        <li>
                            <p class="d_t1">商标公证</p>
                            <p class="d_t2">公证处出具公证书（2个工作日内）</p>
                        </li>
                        <li>
                            <p class="d_t1">邮寄材料</p>
                            <p class="d_t2">支付尾款，发送并邮寄商标材料（7天内）</p>
                        </li>
                        <li>
                            <p class="d_t1">办理转让</p>
                            <p class="d_t2">材料提交商标局，3～4个月审查完毕并下发核准证明</p>
                        </li>
                    </ul>
                    <div>
                        <img src="_STATIC_/img/zhijiebanli.png" alt="" style="width: 630px; margin-left: 130px; margin-top: -15px">
                    </div>
                </div>
                <!-- 常见问题 -->
                <div class="d_info1" style="margin-top: 40px;">
                    <div class="d_tit">
                        <img src="_STATIC_/img/1.png" alt="">
                        <p>常见问题</p>
                    </div>
                    <ul class="d_tree_desc" style="height: 300px">
                        <li style="float: none; width: 860px; padding-left: 60px">
                            <p style="font-size: 20px; font-weight: 600; margin-top: 20px">购买后多久可以使用？</p>
                            <p style="margin-top: 20px; color: #666">购买后，即可授权使用，转让期过后（3-4个月，具体以商标局进度为准），商标局下发完转让证明，授权截止！</p>
                            <p style="font-size: 20px; font-weight: 600; margin-top: 40px">转让到个人、公司名下的区别？</p>
                            <p style="margin-top: 20px; color: #666; line-height: 30px">归属权不同：转让给公司，商标归公司所有。转让给个人，归个人所有。转让到个人名下不用频繁做变更，转让到公司名下使用方便，有利于使用证据的保存。如果二者都有，我们建议转让到公司名下，公司名义地址变更或注销，商标要及时做出变更和转出。</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--右侧浮窗-->
<include file="Public:rightFloatBox" />
<!--购买浮窗-->
<include file="Public:buyFloatBox" />
<!--底部区域-->
<include file="Public:pageFooter" />
</body>
</html>
<script type="text/javascript" src="_STATIC_/js/index.js" ></script>
<script type="text/javascript">
    $(function (){
        // 搜索框上面选中效果
        $('.mainBox .search-item .search-type').click(function(){
            $(this).addClass('on').siblings().removeClass('on');
            var value = parseInt($(this).attr("value"));
            $("#search-type-input").val(value);
        });
        //搜索框搜索
        $('#search-button').click(function(){
            var searchtype = $("#search-type-input").val();
            var searchmodel = $("#search-model option:selected").val();
            var searchkeywords = $("#search-keywords").val();
            if( searchkeywords == "" ){
                return errmsg("请输入要搜索的内容！");
            }
            var reqUrl = WWW + "/index/index";
            reqUrl +=( searchtype ? "/st/" + searchtype : "" );
            reqUrl +=( searchmodel ? "/sm/" + searchmodel : "" );
            reqUrl +=( searchkeywords ? "/k/" + searchkeywords : "" );
            window.location.href = reqUrl;
        });
        $("#vieworiginimage").click(function (){
            var imageSrc = $(this).attr("image-src");
            jdbox.iframe('/trademarks/viewImage.html',{ac:"dispaly",imageSrc:imageSrc});
        })
    })
</script>